<template>
  <div>
    <div class="biaoti_box">
      <div class="tit">
        <div class="tit_left">
          <img
            v-if="biaotititle.titleImg"
            :src="biaotititle.titleImg"
            alt
          >
          <div>{{biaotititle.educationTitle}}</div>
        </div>
        <div
          class="tit_right"
          @click="morelist(biaotititle.more)" v-if="biaotititle.more"
        >
          <div style="color:#DA4131">查看更多</div>
          <img
            src="https://o6wndwjxn.qnssl.com/%E6%9F%A5%E7%9C%8B%E6%9B%B4%E5%A4%9A-%E7%AE%AD%E5%A4%B4@3x.png"
            alt
          >
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ['biaotititle'],
  data () {
    return {}
  },
  created () {
    // console.log(this.biaotititle, 'biaotititle')
  },
  methods: {
    morelist (item) {
      //       console.log('123132')
      //       console.log(item)
      this.$emit('morelist', item.link_url)
    }
  },
  components: {}
}
</script>
<style>
.biaoti_box {
  width: calc(100vw * 686 / 750);
  margin: 0 auto;
  /* padding-bottom: 20px; */
}
.tit {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-content: space-between;
  align-items: center;
  padding-bottom: calc(100vw * 25 / 750);
}
.tit_left {
  display: inline-block;
}
.tit_left > div {
  display: inline-block;
  font-family: PingFangSC-Semibold;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  letter-spacing: 1.5px;
  color: #1a1a1a;
  vertical-align: middle;
}
.tit_left > img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 2px;
}
.tit_right {
  display: inline-block;
}
.tit_right > div {
  display: inline-block;
  font-family: PingFangSC-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 1.5px;
  color: #cccccc;
  vertical-align: middle;
}
.tit_right > img {
  width: 6px;
  height: 12px;
  vertical-align: middle;
  margin-left: 2px;
}
</style>
